<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>综合案例-注册页面</title>
</head>
<body>

  <h4>青春不常在，你爱我也爱</h4>
  <table border="1" cellpadding=0 cellspacing=0 >
    <!-- 第一行 -->
    <tr>
      <td>性别: </td>
      <td>
        <input type="radio" name="sex" id="man" checked><label for="man"><img src="up.svg" alt="男" width="15">男</label>
        <input type="radio" name="sex" id="female"><label for="female"><img src="down.svg" alt="女" width="15">女</label>
      </td>
    </tr>

    <!-- 第二行 -->
    <tr>
      <td>生日</td>
      <td>
        <select>
          <option selected>请选择年</option>
        </select>
        <select>
          <option selected>请选择月</option>
        </select>
        <select>
          <option selected>请选择日</option>
        </select>
      </td>
    </tr>

    <!-- 第三行 -->
    <tr>
      <td>所在地区</td>
      <td>
        <input type="text" value="背景思密达">
      </td>
    </tr>

    <!-- 第四行 -->
    <tr>
      <td>婚姻状况</td>
      <td>
        <input type="radio" name="Maritalstatus" id="weihun" checked> <label for="weihun">未婚</label>
        <input type="radio" name="Maritalstatus" id="yihun"> <label for="yihun">已婚</label>
        <input type="radio" name="Maritalstatus" id="lihun"> <label for="lihun">离婚</label>
      </td>
    </tr>

    <!-- 第五行 -->
    <tr>
      <td>学历</td>
      <td>
        <input type="text" value="幼儿园">
      </td>
    </tr>

    <!-- 第六行 -->
    <tr>
      <td>喜欢的类型</td>
      <td>
        <input type="checkbox" id="wumei" name="type" checked><label for="wumei">妩媚的</label>
        <input type="checkbox" id="keaide" name="type"><label for="keaide">可爱的</label>
        <input type="checkbox" id="xiaoxian" name="type"><label for="xiaoxian">小鲜肉</label>
        <input type="checkbox" id="laolai" name="type"><label for="laolai">老腊肉</label>
        <input type="checkbox" id="alllike" name="type"><label for="alllike">都喜欢</label>
      </td>
    </tr>

    <!-- 第七行 -->
    <tr>
      <td>自我介绍</td>
      <td>
        <textarea> 自我介绍
        </textarea>
      </td>
    </tr>

    <!-- 第八行 -->
    <tr>
      <td></td>
      <td>
        <input type="submit" value="免费注册">
      </td>
    </tr>

    <!-- 第九行 -->
    <tr>
      <td></td>
      <td>
        <input type="checkbox" id="agree" checked><label for="agree">我同意注册条款和会员加入标准</label>
      </td>
    </tr>

    <!-- 第十行 -->
    <tr>
      <td></td>
      <td>
        <a href="#">我是会员, 立即登录</a>
      </td>
    </tr>

    <!-- 第十一行 -->
    <tr>
      <td></td>
      <td>
        <h2>我承诺</h2>
      </td>
    </tr>

    <!-- 第十二行 -->
    <tr>
      <td></td>
      <td>
        <ul>
          <li>年满十八，单身</li>
          <li>抱着严肃的态度</li>
          <li>真诚的寻找另一半</li>
        </ul>
      </td>
    </tr>

  </table>
  
</body>
</html>